<!doctype html>
<html lang="en">
	<head>
		<meta charset="UTF-8">
		<title>后台登录-X-admin1.1</title>
		<meta name="viewport" content="width=device-width, initial-scale=1.0">
		<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
		<link rel="stylesheet" href="./css/font.css">
		<link rel="stylesheet" href="./css/xadmin.css">
		<link rel="stylesheet" href="https://cdn.bootcss.com/Swiper/3.4.2/css/swiper.min.css">
		<script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.min.js"></script>
		<script type="text/javascript" src="https://cdn.bootcss.com/Swiper/3.4.2/js/swiper.jquery.min.js"></script>
		<script src="./lib/layui/layui.js" charset="utf-8"></script>
		<script type="text/javascript" src="./js/xadmin.js"></script>

	</head>
	<body>
		<!-- 顶部开始 -->
		<div class="container">
			<div class="logo"><a href="./index.html">X-ADMIN V1.1</a></div>
			<div class="open-nav"><i class="iconfont">&#xe699;</i></div>
			<ul class="layui-nav right" lay-filter="">
				<li class="layui-nav-item">
					<a href="javascript:;">admin</a>
					<dl class="layui-nav-child">
						<!-- 二级菜单 -->
						<dd><a href="">个人信息</a></dd>
						<dd><a href="">切换帐号</a></dd>
						<dd><a href="./login.html">退出</a></dd>
					</dl>
				</li>
				<li class="layui-nav-item"><a href="/">前台首页</a></li>
			</ul>
		</div>
		<!-- 顶部结束 -->
		<!-- 中部开始 -->
		<div class="wrapper">
			<div class="left-nav">
				<div id="side-nav">
					<ul id="nav">
						<li class="list" current>
							<a href="./index.html">
								<i class="iconfont">&#xe761;</i>
								欢迎页面
								<i class="iconfont nav_right">&#xe697;</i>
							</a>
						</li>
						<li class="list">
							<a href="javascript:;">
								<i class="iconfont">&#xe70b;</i>
								会员管理
								<i class="iconfont nav_right">&#xe697;</i>
							</a>
							<ul class="sub-menu" style="display:none">
								<li>
									<a href="member-list.html">
										<i class="iconfont">&#xe6a7;</i>
										会员列表
									</a>
								</li>
								<li>
									<a href="member-del.html">
										<i class="iconfont">&#xe6a7;</i>
										会员删除
									</a>
								</li>
							</ul>
						</li>
						<li class="list">
							<a href="javascript:;">
								<i class="iconfont">&#xe6a3;</i>
								订单管理
								<i class="iconfont nav_right">&#xe697;</i>
							</a>
							<ul class="sub-menu" style="display:none">
								<li>
									<a href="./order-list.html">
										<i class="iconfont">&#xe6a7;</i>
										订单列表
									</a>
								</li>
								<li>
									<a href="./orderrefund-list.html">
										<i class="iconfont">&#xe6a7;</i>
										退票审核
									</a>
								</li>
								<li>
									<a href="./orderrebook-list.html">
										<i class="iconfont">&#xe6a7;</i>
										改签审核
									</a>
								</li>
							</ul>
						</li>
						<li class="list">
							<a href="javascript:;">
								<i class="iconfont">&#xe6a3;</i>
								航班管理
								<i class="iconfont nav_right">&#xe697;</i>
							</a>
							<ul class="sub-menu" style="display:none">
								<li>
									<a href="./flight-list.html">
										<i class="iconfont">&#xe6a7;</i>
										航班信息
									</a>
								</li>
							</ul>
						</li>
						<li class="list">
							<a href="javascript:;">
								<i class="iconfont">&#xe6a3;</i>
								管理员管理
								<i class="iconfont nav_right">&#xe697;</i>
							</a>
							<ul class="sub-menu" style="display:none">
								<li>
									<a href="./admin-list.html">
										<i class="iconfont">&#xe6a7;</i>
										管理员列表
									</a>
									<a href="./role-list.html">
										<i class="iconfont">&#xe6a7;</i>
										角色管理
									</a>
								</li>
							</ul>
						</li>
						<li class="list">
							<a href="javascript:;">
								<i class="iconfont">&#xe6a3;</i>
								系统统计
								<i class="iconfont nav_right">&#xe697;</i>
							</a>
							<ul class="sub-menu opened">
								<li>
									<a href="./echarts1.html">
										<i class="iconfont">&#xe6a7;</i>
										售票统计
									</a>
								</li>
								<li class="current">
									<a href="./echarts2.html">
										<i class="iconfont">&#xe6a7;</i>
										盈利统计
									</a>
								</li>
							</ul>
						</li>
						<li class="list">
							<a href="javascript:;">
								<i class="iconfont">&#xe6a3;</i>
								系统监控
								<i class="iconfont nav_right">&#xe697;</i>
							</a>
							<ul class="sub-menu" style="display:none">
								<li>
									<a href="./server-list.html">
										<i class="iconfont">&#xe6a7;</i>
										服务监控
									</a>
									<a href="../../api/druid">
										<i class="iconfont">&#xe6a7;</i>
										数据库监控
									</a>
									<a href="http://localhost:5601">
										<i class="iconfont">&#xe6a7;</i>
										日志系统
									</a>
									<a href="../../api/swagger-ui.html">
										<i class="iconfont">&#xe6a7;</i>
										API文档
									</a>
								</li>
							</ul>
						</li>
					</ul>
				</div>
			</div>
			<div class="page-content">
				<div class="content">
					<!-- 右侧内容框架，更改从这里开始 -->

					<!-- 为 ECharts 准备一个具备大小（宽高）的 DOM -->
					<div id="main" style="width: 100%;height:400px;"></div>

					<!-- 右侧内容框架，更改从这里结束 -->
				</div>
			</div>
		</div>
		<!-- 中部结束 -->
		<!-- 底部开始 -->
		<!-- <div class="footer">
			<div class="copyright">Copyright ©2017 x-admin v2.3 All Rights Reserved. 本后台系统由X前端框架提供前端技术支持</div>
		</div> -->
		<!-- 底部结束 -->
		<!-- 背景切换开始 -->
		<div class="bg-changer">
			<div class="swiper-container changer-list">
				<div class="swiper-wrapper">
					<div class="swiper-slide"><img class="item" src="./images/a.jpg" alt=""></div>
					<div class="swiper-slide"><img class="item" src="./images/b.jpg" alt=""></div>
					<div class="swiper-slide"><img class="item" src="./images/c.jpg" alt=""></div>
					<div class="swiper-slide"><img class="item" src="./images/d.jpg" alt=""></div>
					<div class="swiper-slide"><img class="item" src="./images/e.jpg" alt=""></div>
					<div class="swiper-slide"><img class="item" src="./images/f.jpg" alt=""></div>
					<div class="swiper-slide"><img class="item" src="./images/g.jpg" alt=""></div>
					<div class="swiper-slide"><img class="item" src="./images/h.jpg" alt=""></div>
					<div class="swiper-slide"><img class="item" src="./images/i.jpg" alt=""></div>
					<div class="swiper-slide"><img class="item" src="./images/j.jpg" alt=""></div>
					<div class="swiper-slide"><img class="item" src="./images/k.jpg" alt=""></div>
					<div class="swiper-slide"><span class="reset">初始化</span></div>
				</div>
			</div>
			<div class="bg-out"></div>
			<div id="changer-set"><i class="iconfont">&#xe696;</i></div>
		</div>
		<!-- 背景切换结束 -->

		<script src="../js/highcharts.js"></script>

		<script type="text/javascript">
			$(function() {
				var airline = new Array();
				var price = new Array();
				$.ajax({
					type: 'get',
					url: '../../api/manage/getProfit.form',
					dataType: 'json',
					success: function(data) {
						var series = [];
						$.each(data, function(i, e) {
							price.push(Number(e.price));
							airline.push(e.airline);
							console.log(price)
						});
						$('#main').highcharts({
							chart: {
								type: 'column'
							},
							title: {
								text: '利润'
							},
							subtitle: {
								text: '航空公司'
							},
							xAxis: {
								categories: airline
							},
							yAxis: {
								min: 0,
								max: Math.max.apply(null, price),
								splitNumber: 50,
								title: {
									text: '盈利'
								}
							},
							tooltip: {
								headerFormat: '<span style="font-size:10px">{point.key}</span><table>',
								pointFormat: '<tr><td style="color:{series.color};padding:0">{series.name}: </td>' +
									'<td style="padding:0"><b>{point.y} </b></td></tr>',
								footerFormat: '</table>',
								shared: true,
								useHTML: true
							},
							plotOptions: {
								column: {
									pointPadding: 0.2,
									borderWidth: 0
								}
							},
							series: [{
								name: 'price',
								data: price
							}]
						});
					},
					error: function(data) {}
				});



			});
		</script>
	</body>
</html>
